<template>
	<div class="notnews">
		<div class="top"></div>
		<!--<mt-header title="公告消息" class='head' >
		  <router-link to="/system" slot="left">
		     <i class="material-icons left_1" style="color: #fff;">chevron_left</i>
		  </router-link>
		</mt-header>-->
		<x-header  class='head' :left-options="{backText: ''}">查看公告</x-header>
		
		<div class="kong"></div>
		
		
		<div class="con">
			<div class="con-c">
				<div class="con-l">
					<p>公告标题</p>
					<p>公告类型</p>
					<p>公告状态</p>
					<p>发布时间</p>
					<p>查阅状态</p>
					<p style="border-bottom: 0;">公告内容</p>
				</div>
				<div class="con-r">
					<p>2.18活动</p>
					<p>会议通告</p>
					<p>草稿</p>
					<p>2/22</p>
					<p>2017-02-28 12:22:22</p>
					<p style="border-bottom: 0;">如果你无法简洁的表达你的想法，那只说明你还不够了解它。</p>
				</div>
			</div>
		</div>
		
	</div>
</template>

<script>
import { XHeader } from 'vux'
export default {
  components: {
    XHeader
  },
  data() {
    return {}
  }
}
</script>

<style scoped>
.top {
  position: fixed;
  top: 0;
  width: 100%;
  height: 1.25rem;
  background: #1e82d2;
}
.head {
  position: fixed;
  top: 1.25rem;
  width: 100%;
  background: #1e82d2;
  font-size: 1.125rem;
  height: 3rem;
}
.kong {
  height: 4.25rem;
}
.con {
  width: 100%;
  min-height: 10rem;
  background: #fff;
}
.con-c {
  padding: 0.5rem;
  overflow: hidden;
  font-size: 0.8rem;
}
.con-l {
  width: 30%;
  float: left;
  min-height: 6rem;
  line-height: 2.5rem;
}
.con-l p {
  border-bottom: 1px solid #f5f5f5;
}
.con-r {
  width: 70%;
  float: left;
  min-height: 6rem;
  line-height: 2.5rem;
}
.con-r p {
  border-bottom: 1px solid #f5f5f5;
}
</style>